<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- head-->
<head th:replace="fragments/common_header :: common-header(~{},~{})"></head>
<!-- head结束-->
<body>
<div id="wrapper">
    <!-- 左侧菜单栏-->
    <div th:replace="fragments/common_leftmenu :: left-menu"></div>
    <!-- 左侧菜单栏结束-->
    <div id="page-wrapper" class="gray-bg">
        <!-- 上部导航条 -->
        <div th:replace="fragments/common_top :: top-bar"></div>
        <!-- 上部导航条结束 -->
        <div class="wrapper wrapper-content animated fadeIn">

        </div>
        <!-- 底部栏 -->
        <div th:replace="fragments/common_footer :: foot-bar"></div>
        <!-- 底部栏结束 -->
    </div>
</div>

<div th:replace="fragments/common_script :: scripts"></div>

<script>
    // 取消按钮
    function doCancel()
    {
        window.location.href = document.referrer;
    }
    // 读取市
    function changeCity() {
        //获取选中的省份的名字
        var pName = $("#province").val();
        alert("省份名字==》"+pName)
        $.ajax({
            type:"GET",
            url:"city",
            data:{"pName":pName},
            success:function (cities) {
                //清空城市的下拉框,这串代码就是替换select标签中内容
                $("#city").html("<option value=''>-- 请选择市 --</option>")
                //清空区的下拉框
                $("#district").html("<option value=''>-- 请选择县(区) --</option>")
                for(var i = 0;i < cities.length;i++){
                    var option = $("<option></option>").text(cities[i]);
                    //生成value属性
                    option.attr("value",cities[i]);
                    //将option添加到select标签中
                    $("#city").append(option);
                }
            }
        })
    }





</script>
</body>
</html>

